<template>
  <div id="sitemap">
      <div class="module" v-for="e in map" :key="e.head">
          <div class="head">
              <span>{{e.head}}</span>
          </div>
          <div class="box">
              <template v-if="e.item">
                  <div class="item" v-for="item in e.item" :key="item.head">
                      <div>{{item.head}}</div>
                      <router-link class="way" v-for="link in item.link" :to="link.url" :key="link.url" tag="div">{{link.text}}</router-link>
                  </div>
              </template>
              <template v-if="e.link">
                  <router-link class="way" v-for="link in e.link" :to="link.url" :key="link.url" tag="div">{{link.text}}</router-link>
              </template>
          </div>
      </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      map: [
        {
          head: "企业服务",
          item: [
            {
              head: "企业成本优化",
              link: [
                {
                  text: "合规税筹",
                  url: "/shuichou/"
                },
                {
                  text: "节税专题",
                  url: "/zt/105/"
                },
                {
                  text: "税筹资讯",
                  url: "/news/shuichou/"
                }
              ]
            },
            {
              head: "全国社保代理",
              link: [
                {
                  text: "全国社保交付",
                  url: "/shebao/"
                },
                {
                  text: "社保专题",
                  url: "/zt/106/"
                },
                {
                  text: "社保资讯",
                  url: "/news/shebao/"
                }
              ]
            },
            {
              head: "企业公益服务",
              link: [
                {
                  text: "残疾人就业计划",
                  url: "/zt/107/"
                }
              ]
            }
          ]
        },
        {
          head: "个人服务",
          link: [
            {
              text: "爱收入",
              url: "/ishouru.html"
            }
          ]
        },
        {
          head: "专题",
          link: [
            {
              text: "税筹专题",
              url: "/zt/105/"
            },
            {
              text: "社保专题",
              url: "/zt/106/"
            },
            {
              text: "残疾人就业专题",
              url: "/zt/107/"
            }
          ]
        },
        {
          head: "资讯",
          link: [
            {
              text: "税筹资讯",
              url: "/news/shuichou/"
            },
            {
              text: "社保资讯",
              url: "/news/shebao/"
            },
            {
              text: "残疾人就业资讯",
              url: "/news/103/"
            },
            {
              text: "赚钱资讯",
              url: "/news/109/"
            }
          ]
        },
        {
          head: "个税计算器",
          link: [
            {
              text: "税前工资计算器",
              url: "/jsq/sqgz.html"
            },
            {
              text: "税后工资计算器",
              url: "/jsq/shgz.html"
            },
            {
              text: "五险一金计算器",
              url: "/guangzhoushi_shebao/"
            },
            {
              text: "年终奖算器",
              url: "/jsq/nzj.html"
            },
            {
              text: "财产租赁所得税计算器",
              url: "/jsq/cczl.html"
            },
            {
              text: "财产转让所得税计算器",
              url: "/jsq/cczr.html"
            },
            {
              text: "个人偶然所得税计算器",
              url: "/jsq/orsd.html"
            },
            {
              text: "稿酬所得个税计算器",
              url: "/jsq/gcsd.html"
            },
            {
              text: "劳务报酬个人所得税计算器",
              url: "/jsq/lwbc.html"
            },
            {
              text: "特许权实用费所得税计算器",
              url: "/jsq/txq.html"
            },
            {
              text: "利息/股息/红利所得税计算器",
              url: "/jsq/lxhl.html"
            },
            {
              text: "个体工商户生产/经营所得计算器",
              url: "/jsq/gtgsh.html"
            }
          ]
        },
        {
          head: "关于我们",
          link: [
            {
              text: "公司简介",
              url: "/aboutus/1"
            }
          ]
        },
        {
          head: "各地税优政策",
          item: [
            {
              head: "华南地区",
              link: [
                {
                  text: "广州优惠政策",
                  url: "/gz_shuichou/"
                },
                {
                  text: "深圳优惠政策",
                  url: "/sz_shuichou/"
                },
                {
                  text: "肇庆优惠政策",
                  url: "/zq_shuichou/"
                }
              ]
            },
            {
              head: "华东地区",
              link: [
                {
                  text: "上海优惠政策",
                  url: "/sh_shuichou/"
                },
                {
                  text: "杭州优惠政策",
                  url: "/hz_shuichou/"
                },
                {
                  text: "马鞍山优惠政策",
                  url: "/mas_shuichou/"
                },
                {
                  text: "乌镇优惠政策",
                  url: "/wz_shuichou/"
                },
                {
                  text: "合肥优惠政策",
                  url: "/hf_shuichou/"
                },
                {
                  text: "日照优惠政策",
                  url: "/rz_shuichou/"
                }
              ]
            }
          ]
        },
        {
          head: "各地社保交付",
          item: [
            {
              head: "A-D",
              link: [
                {
                  text: "北京社保",
                  url: "/beijingshi_shebao/"
                },
                {
                  text: "长春社保",
                  url: "/changchunshi_shebao/"
                },
                {
                  text: "常州社保",
                  url: "/changzhoushi_shebao/"
                },
                {
                  text: "长沙社保",
                  url: "/changshashi_shebao/"
                }
              ]
            },
            {
              head: "E-H",
              link: [
                {
                  text: "抚州社保",
                  url: "/fuzhoushi_shebao/"
                },
                {
                  text: "佛山社保",
                  url: "/foshanshi_shebao/"
                },
                {
                  text: "广州社保",
                  url: "/guangzhoushi_shebao/"
                },
                {
                  text: "桂林社保",
                  url: "/guilinshi_shebao/"
                },
                {
                  text: "贵阳社保",
                  url: "/guiyangshi_shebao/"
                },
                {
                  text: "哈尔滨社保",
                  url: "/haerbinshi_shebao/"
                }
              ]
            }
          ]
        }
      ]
    };
  },
  activated() {
    this.$parent.tState = 1;
    this.$parent.fState = 1;
    this.$parent.updata()
  }
};
</script>
<style scoped>
#sitemap {
  padding: 0.15rem 0.3rem 0;
}
.module {
  padding-bottom: 0.35rem;
}
.head {
  padding-bottom: 0.25rem;
  border-bottom: 0.01rem solid #ccc;
}
.head > span {
  display: inline-block;
  font-size: 0.36rem;
  color: #333;
  font-weight: bold;
  text-indent: 0.1rem;
  border-left: 0.04rem solid #ed5172;
}
.box {
  padding-left: 0.15rem;
  overflow: hidden;
}
.box > div:nth-child(1) > div:nth-child(1) {
  margin-top: 0.45rem;
}
.item {
  overflow: hidden;
}
.item > div:nth-child(1) {
  font-size: 0.28rem;
  margin-top: 0.7rem;
  color: #999;
  float: none;
  clear: both;
}
.way {
  float: left;
  min-width: 50%;
  font-size: 0.32rem;
  color: #666;
  padding-top: 0.35rem;
}
</style>